import React from 'react'
import { useNavigate } from 'react-router-dom'

export default function Test() {
  const navigate = useNavigate()
  return (
    <h1>
      Test,{' '}
      <button
        onClick={() => {
          // navagate和Link默认都是添加历史记录
          navigate('/login', {
            // 控制历史记录分为两种情况: 添加或替换
            // 添加: 指在要原有的基础上再增加一个记录
            // 替换: 指替换记录记录中当前的这一条记录
            //replace值为true,则表示要替换历史记录
            // replace: true,
          })
        }}
      >
        点击按钮,通过编程式导航跳转到login
      </button>
    </h1>
  )
}
